---
layout: demo
title: Microdata
description: 商品列表的微格式className测试
category: demo
---
<a href="http://www.google.com.hk/webmasters/tools/richsnippets?url={{site.url}}{{page.url}}">test by google richsnippet tool</a>

<!--S 面包屑导航 -->
<div class="crumb" id="crumb_menu_cont">
<div class="crumb_link"><div><a href="http://buy.qq.com/" target="_blank" class="link_blue" wgtag="4000.6.1.5">首页</a><i class="crumb_menu_arrow">&nbsp;</i></div></div><span class="pipe">&gt;</span>
<div class="crumb_link crumb_menu" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><div class="crumb_menu_hd"  itemprop="title"><a href="http://searchex.buy.qq.com/html?Path=0,5000488" navid="5000488" target="_blank" class="link_blue" wgtag="4000.6.1.1" id="crumb_root" itemprop="url">电脑/配件/网络</a><i class="crumb_menu_arrow">&nbsp;</i></div><ul class="crumb_menu_bd" style="width: 88px;"><li><a href="http://searchex.buy.qq.com/html?Path=0,5000347" navid="5000347" target="_blank" wgtag="4000.6.1.1">办公/设备/耗材</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000401" navid="5000401" target="_blank" wgtag="4000.6.1.1">大家电/生活电器</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000603" navid="5000603" target="_blank" wgtag="4000.6.1.1">手机/摄影/数码</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5002759" navid="5002759" target="_blank" wgtag="4000.6.1.1">汽车/保养/装饰</a></li></ul></div><span class="pipe">&gt;</span>
<div class="crumb_link crumb_menu" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><div class="crumb_menu_hd"  itemprop="title"><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574" navid="5000574" target="_blank" class="link_blue" wgtag="4000.6.1.1" itemprop="url">音频设备</a><i class="crumb_menu_arrow">&nbsp;</i></div><ul class="crumb_menu_bd"><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000525" navid="5000525" target="_blank" wgtag="4000.6.1.1">电脑整机</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000498" navid="5000498" target="_blank" wgtag="4000.6.1.1">电脑外设</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000509" navid="5000509" target="_blank" wgtag="4000.6.1.1">电脑硬件</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000568" navid="5000568" target="_blank" wgtag="4000.6.1.1">网络设备</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000588" navid="5000588" target="_blank" wgtag="4000.6.1.1">整机附件</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000598" navid="5000598" target="_blank" wgtag="4000.6.1.1">正版软件</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000538" navid="5000538" target="_blank" wgtag="4000.6.1.1">耗材/服务</a></li></ul></div><span class="pipe">&gt;</span>
<div class="crumb_link crumb_menu" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><div class="crumb_menu_hd"  itemprop="title"><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000581" navid="5000581" target="_blank" class="link_blue" wgtag="4000.6.1.1" itemprop="url">音箱</a><i class="crumb_menu_arrow">&nbsp;</i></div><ul class="crumb_menu_bd"><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000575" navid="5000575" target="_blank" wgtag="4000.6.1.1">笔记本音箱</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000579" navid="5000579" target="_blank" wgtag="4000.6.1.1">无线耳机</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000577" navid="5000577" target="_blank" wgtag="4000.6.1.1">耳机</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000578" navid="5000578" target="_blank" wgtag="4000.6.1.1">麦克风</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000576" navid="5000576" target="_blank" wgtag="4000.6.1.1">耳放</a></li><li><a href="http://searchex.buy.qq.com/html?Path=0,5000488-0,5000574-0,5000580" navid="5000580" target="_blank" wgtag="4000.6.1.1">音频附件</a></li></ul></div><span class="pipe">&gt;</span><span class="crumb_current">商品详情</span></div>
<!--E 面包屑导航 -->
		<div class="good_prop_part" itemscope itemtype="http://schema.org/Product">
            <div class="row_first">
                <h1 class="title" itemprop="name">抢购商品天下无敌匡威中性经典系列硫化鞋常青款 复色 Converse Fans的挚爱 匡威中性经典系列硫化鞋常青款</h1><span class="goods_num">商品编码：421312</span>
                <div class="good_review">
					<div class="good_review_1">
						<span class="co_orange"><a href="#" class="co_orange" itemprop="description">超级炫酷促销文案提示</a></span><span class="gap">|</span>
					</div>
					<div class="good_review_2" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
						<div class="good_review_rank">
							<a href="#">
							<span class="wg_rate">
								<span class="wg_rate_percent" style="width:50%"></span>
							</span>
							<span class="rank_score"><span itemprop="ratingValue">50%</span>满意</span>   
							</a>
						</div>
						<a href="#" class="link_blue"><span itemprop="reviewCount">35</span>条晒单及评论</a>
					</div>
				</div>
				<ul class="good_service">
					<li class="good_service_item"><div class="icon_self"><span class="inner">腾讯自营</span></div></li>
					<li class="good_service_item"><i class="icon_service icon_ensure"></i>正品保证
					</li><li class="good_service_item"><i class="icon_service icon_fast"></i>闪电发货
					</li><li class="good_service_item"><i class="icon_service icon_free"></i>免邮
					</li><li class="good_service_item"><i class="icon_service icon_return"></i>无理由退货
				</li></ul>
            </div>
            <!--S 属性 -->
            <div class="row_second">
				<!-- 抢购完 price_hotbuy_over -->
				<div class="good_prop_row price_wrap price_hotbuy price_hotbuy_over" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                    <div class="col_hd">抢购价</div>
                    <div class="col_bd"><span class="price price_now" itemprop="price"><span class="yen" itemprop="priceCurrency" content="CNY">¥</span>219.00</span><span class="score">+9积分</span><div class="mod_msg_s mod_msg_arrow"><i class="icon_out">◆</i><i class="icon_in">◆</i>商品已抢完！</div></div>
                </div>
				<div class="good_prop_row">
                    <div class="col_hd">网购价</div>
                    <div class="col_bd"><span class="price_old">¥ <del>12349.00</del></span></div>
                </div>
				<div class="good_prop_row hidden">
                    <div class="col_hd">积分价</div>
                    <div class="col_bd"><span class="price_score">¥2000.00 + 50 积分</span> <a class="icon_tips_16_help" title="可在购物车中选择使用积分价购买" href="javascript:void(0)">&nbsp;</a>
					</div>
                </div>
                <div class="good_prop_row hidden">
                    <div class="col_hd">促销</div>
                    <div class="col_bd"><p class="link_promote"><a target="_blank" href="#">全场满100减5元</a></p></div>
                </div>
				<div class="good_prop_row">
                    <div class="col_hd">奖励</div>
                    <div class="col_bd">单件获赠 <strong class="co_orange">999</strong> 网购积分</div>
                </div>
                <div class="good_prop_row">
                    <div class="col_hd">说明</div>
                    <div class="col_bd">本商品为特惠商品，仅普通该客户购买</div>
                </div>
				<hr>
                <div class="good_prop_row">
                    <span class="col_hd">库存</span>
                    <div class="col_bd" itemprop="availability">现货，下单即发货。<span class="co_red">商品已售完</span></div>
                </div>
                <div class="good_prop_row send_address_wrap">
                    <span class="col_hd">送货</span>
                    <div class="col_bd">
                        <span class="address_guide">送至</span>
                        <!--S 地址选择组件 -->
                        <!-- 显示地址的className: send_address_hover -->
                        <div class="send_address">
                            <span class="send_address_hd" id="testAddress">广东省-深圳市-南山区<i class="icon_arrow">&nbsp;</i></span>
                            <div class="send_address_bd">
								<select name="" id="">
									<option value="">湖北省</option>
									<option value="">湖南省</option>
									<option value="">河南省</option>
									<option value="">西藏</option>
								</select>
								<select name="" id="">
									<option value="">广州市</option>
									<option value="">深圳市</option>
									<option value="">乌鲁木齐市</option>
								</select>
								<select name="" id="">
									<option value="">南山区</option>
									<option value="">宝安区</option>
									<option value="">福田区</option>
									<option value="">广西壮族自治区</option>
								</select>
								<a href="javascript:void(0)" class="mod_btn mod_btn_gray"><i class="bod_left"></i><span class="btn_cont">确定</span><i class="bod_right"></i></a>
                            </div>
                        </div>
						<!--E 地址选择组件 -->
                        <div class="send_address_extra">运费25元起</div>
                        <!--<div class="mod_msg"><i class="outter">◆</i><i class="inner">◆</i>不在内测服务器区，送货时间稍有延迟</div>-->
                    </div>
                </div>
                <div class="good_prop_row color_wrap hidden">
                    <span class="col_hd">测试颜色颜色颜色</span>
                    <div class="col_bd">
                        <a href="#"><span>白色</span></a>
                        <a href="#" class="chosen"><span>白色</span></a>
                        <a href="#" class="soldout"><span>白色</span></a>
                        <a href="#" class="none"><span>白色</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
						
                    </div>
                </div>
                <div class="good_prop_row color_wrap">
                    <span class="col_hd">尺寸</span>
                    <div class="col_bd">
                        <a href="#"><span>37</span></a>
                        <a href="#" class="chosen"><span>38</span></a>
                        <a href="#" class="soldout"><span>39</span></a>
                        <a href="#" class="none"><span>白色</span></a>
                        <a href="#"><span>白色</span></a>
                        <a href="#"><span>白色</span></a>
                        <a href="#"><span>白色</span></a>
                        <a href="#"><span>白色</span></a>
						<a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a><a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a><a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <a href="#"><span>测试</span></a>
                        <!-- 显示尺寸表的className: sizemap_hover -->
                        <div class="sizemap_wrap mod_droplist">
                            <div class="hd">尺码对照表<i class="mod_droplist_arrow">&nbsp;</i></div>
							<div class="bd">
                            <!--S sizemap content -->
                            <table id="testTable" cellspacing="0" cellpadding="0" border="0">
                                <tbody>
                                    <tr><th height="25" align="center" class="" colspan="30">安踏 通用 尺码对照表</th> </tr>
                                    <tr><td class="size_table_left">欧洲码（EUR）</td><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td><td>36</td><td>37</td><td>38</td><td>39</td><td>40</td><td>41</td><td>42</td><td>43</td><td>44</td><td>45</td><td>46</td></tr>
                                    <tr><td class="size_table_left">欧洲码（EUR）</td><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td><td>36</td><td>37</td><td>38</td><td>39</td><td>40</td><td>41</td><td>42</td><td>43</td><td>44</td><td>45</td><td>46</td></tr>
                                </tbody>
                            </table>
                            <!--E sizemap content -->
							</div>
                        </div>
                    </div>
                </div>
                <div class="good_prop_row amount_wrap">
                    <span class="col_hd">数量</span>
                    <div class="col_bd amount_minus_dis">
                        <span class="txt_wrap"><input type="number" value="1" min="1" autocomplete="off"></span>
                        <span class="amount_info">限购2件</span>
						<div class="mod_msg_s">
							<i class="icon_tips_16_failure">&nbsp;</i>请重新输入
						</div>
                    </div>
                </div>
				
				<div class="good_prop_row">
                    <span class="col_hd">开抢时间</span>
                    <div class="col_bd">
                        <strong class="co_orange">2011年08月30日 14:00</strong>
                    </div>
                </div>
                <div class="good_prop_row counter_wrap">
                    <span class="col_hd">倒计时</span>
                    <div class="col_bd">
                        <div class="counter">
							<em class="num">1</em>
							<em class="num">1</em>
							<span class="unit">时</span>
							<em class="num">2</em>
							<em class="num">2</em>
							<span class="unit">分</span>
							<em class="num">2</em>
							<em class="num">2</em>
							<span class="unit">秒</span>
							<span class="text">后<em>开始</em></span>
						</div>
                    </div>
                </div>
                <div class="btn_wrap">
                    <div class="btn_row">
						<a href="#" target="_blank" class="mod_xbtn mod_xbtn_gray"><i class="bod_left"></i><span class="btn_cont">准备开抢</span><i class="bod_right"></i></a><div class="mod_msg_s mod_msg_arrow"><i class="icon_out">◆</i><i class="icon_in">◆</i>点击按钮提前填写个人信息，到点直接抢。</div>
						<!--
                        <a href="#" class="btn_big btn_hotbuy">立即抢购<b></b></a>
						
						<a href="#" target="_blank" class="mod_xbtn mod_xbtn_gray"><i class="bod_left"></i><span class="btn_cont">准备开抢</span><i class="bod_right"></i></a>
							
						<a href="#" target="_blank" class="mod_xbtn mod_xbtn_disabled"><i class="bod_left"></i><span class="btn_cont">抢购结束</span><i class="bod_right"></i></a>
						
						<a href="#" target="_blank" class="mod_btn mod_btn_gray"><i class="bod_left"></i><span class="btn_cont">原价购买</span><i class="bod_right"></i></a>
						
						<a href="#" target="_blank" class="mod_btn mod_btn_gray"><i class="bod_left"></i><span class="btn_cont">去抢购专区</span><i class="bod_right"></i></a>
						
						-->	
                    </div>
					<p class="desp"><a href="#" class="link_blue">以QQ网购价（¥868.00）购买</a></p>
                </div>
				<div class="more_sales">
					<div class="more_sales_hd"><strong>晚来了一步？</strong>查看更多特惠商品</div>
					<div class="bd">
						<!-- disable_prev , disable_next  -->
						<div class="more_sales_slider disable_prev">
							<a href="#prev" class="slider_prev"><i></i></a>
							<div class="slider_cnt">
								<ul class="slider_list">
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋1 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋2 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋3 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋4 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋5 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋6 男士绿色</span>
											</span>
										</a>
									</li>
									<li class="more_sales_item">
										<a href="#">
											<img src="http://ppms.paipaioa.com/img/demo/80x80.png" class="photo">
											<span class="detail">
												<strong class="price">¥145.00</strong>
												<span class="price_old">¥<del>145.00</del></span>
												<span class="desc">洞洞鞋7 男士绿色</span>
											</span>
										</a>
									</li>
								</ul>
							</div>
							<a href="#next" class="slider_next"><i></i></a>
						</div>
					</div>
				</div>
                

                

                
            </div>
            <!--E 属性 -->
			</div>